<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阅读法律条款同意</title>
    <style>
        #pid{
            width: 100px;
            height: 200px;
            background-color:#bfa ;
            overflow: auto;
        }
    </style>
    <script>
        window.onload=function () {
        //当垂直滚动条滚动到底时 表单可用
            var pid=document.getElementById("pid");
            var inputs=document.getElementsByTagName("input");
            pid.onscroll=function () {
                //检查垂直滚动条是否滚动到底
                if (pid.scrollHeight-pid.scrollTop==pid.clientHeight){
                    //disabled属性可以设置一个元素是否禁用，如果为true 表示禁用，如果为false 则表示可以用
                    inputs[0].disabled=false;
                    inputs[1].disabled=false;
                }

            }
        }
    </script>
</head>
<body>
<script>
    /*1.onscroll 表示该事件会在元素的滚动条滚动时触发
    *2.disabled属性可以设置一个元素是否禁用，如果为true 表示禁用，如果为false 则表示可以用    *
   */

</script>
<h3>欢迎您注册本网站，请仔细阅读以下条款</h3>
<p id="pid">我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
    我叫你起来
</p>
<!--如果表单设置disabled="disabled" 则表示表单不可用状态-->
<input type="checkbox" name="" id="" disabled="disabled">我已经阅读以上条款 我同意
<input type="submit" value="注册" disabled="disabled">
</body>
</html>